<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Responsive Settings -->
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
	integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
	crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
	integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"
	crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
	integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
	crossorigin="anonymous"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<script src="js/lib/jquery-1.11.1.min.js"></script>

<script type="text/javascript" src="js/lib/raphael-min.js"></script>

<script type="text/javascript" src="js/res/chinaMapConfig.js"></script>

<script type="text/javascript" src="js/map-min.js"></script>

<style>
* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	color: #333;
	text-align: center;
	font: 12px "微软雅黑";
	background-color: #fafafc;
}

.mapTipText {
	width: 280px;
	height: 110px;
	background-color: #ffffff;
}

.mapTipText .mapTipImg {
	height: 66px;
	width: 66px;
	float: left;
	border: 2px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
	margin: -12px 5px 0 -12px;
}

.mapTipText .mapTipImg img {
	width: 100%;
	height: 100%;
}

.mapTipText .mapTipList {
	float: left;
	margin-left: 4px;
}

.mapTipText .mapTipList h2 {
	text-align: left;
}

.mapTipText .mapTipList h2 a {
	font-size: 24px;
	color: #262626;
	text-decoration: none;
}

.mapTipText .mapTipList h2 a:hover {
	color: #0085d2;
}

.mapTipText .mapTipList h2 a span {
	font-size: 16px;
	margin-left: 3px;
}

.mapTipText .mapTipList ul {
	width: 203px;
	padding-right: 10px;
}

.mapTipText .mapTipList ul li {
	list-style: none;
	float: left;
	padding: 7px 3px 0 3px;
}

.mapTipText .mapTipList ul li a {
	color: #262626;
	text-decoration: none;
}

.mapTipText .mapTipList ul li a:hover {
	background-color: #2ebcfe;
	color: #ffffff;
}
</style>

<script type="text/javascript">
	$(function() {

		$('#ChinaMap').SVGMap({

			mapWidth : 806,

			mapHeight : 396

		});

	});
</script>
</head>
<body>
<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    <!-- Main Header -->
    <header class="main-header header-style-one">

       <!--上导航-->
        <div class="header-upper" style="height: 120px;">
            <div class="inner-container clearfix">
                <!--Logo-->
                <div class="logo-box">
                    <div class="logo"><a href="index.jsp" title="Hotera - Hotel and Restaurant HTML Template"><img src="images/logo.png" style="width: 120px;height: 48px;margin-top: 10px"   alt="Hotera - Hotel and Restaurant HTML Template" title="Hotera - Hotel and Restaurant HTML Template"></a></div>
                </div>
                <div class="nav-outer clearfix">
                    <!--Mobile Navigation Toggler-->
                     <div class="mobile-nav-toggler"><span class="icon flaticon-menu-2"></span><span class="txt">Menu</span></div>

                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-md navbar-light">
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                                        
                                <li  class="dropdown"><a href="room.jsp">住宿</a>                   
                                </li>
                                <li  class="dropdown"><a href="#">客服中心</a>
                                </li>  
                                    <li  class="dropdown"><a href="main.jsp">个人中心</a>
                                </li> 
                                <li class="dropdown">
                                <div style="width: 500px; height: 50px; position: relative; top: 10px;margin-left:400px;">
											<form action="">
												<input class="form-control" id="inputSuccess1" aria-describedby="helpBlock2" type="text" style="width: 350px; height: 50px;">
												<button type="submit" class="btn btn-primary" style="float: right;width: 130px; height: 50px;background: black;position: relative; top: -50px">查询</button>
											</form>
										</div>
                                </li>                         
                            </ul>
                        </div>
                    </nav>
                </div>

                <div class="other-links clearfix">
                    <div class="info">
                        <ul class="clearfix">
                            <li><a href="login.jsp"><span class="icon flaticon-padlock"></span><span class="txt">Login</span></a></li>
                           <li></li>
                        </ul>
                    </div>
                     
                                    
                    <!-- <div class="link-box">
                        <a href="main.jsp" class="theme-btn btn-style-one"><span class="btn-title">查询</span></a>
                    </div> --> 
                    
                </div>
                 

            </div>
          
        </div>
        <!--End上导航-->
        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="close-btn"><span class="icon flaticon-targeting-cross"></span></div>
            <div class="menu-backdrop"></div>
            <div class="nav-logo"><a href="index.jsp"><img src="images/nav-logo.png" alt="" title=""></a></div>
            <nav class="menu-box">
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
            <div class="nav-bottom">
                <div class="copyright">Hotera  &copy;  2020 All Right Reserved</div>
                <!--Social Links-->
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-vimeo-v"></span></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- End Mobile Menu -->

    </header>
    <!-- End Main Header -->


    <!-- Banner Section -->
    <section class="banner-section banner-one">
        <div class="banner-bottom-pattern"></div>

		<div class="banner-carousel owl-theme owl-carousel">
            <!-- Slide Item -->
			<div class="slide-item">
                <div class="image-layer" style="background-image: url(images/main-slider/1.jpg);"></div>
				<div class="auto-container">
					<div class="content-box">
                        <div class="content">
                            <div class="inner">
        						<h1> <br></h1>
                                <div class="text"></div>
                            </div>
                        </div>
					</div>  
				</div>
			</div>

			<!-- Slide Item -->
            <div class="slide-item">
                <div class="image-layer" style="background-image: url(images/main-slider/1.jpg);"></div>
                <div class="auto-container">
                    <div class="content-box">
                        <div class="content">
                            <div class="inner">
                                <h1> <br></h1>
                                <div class="text"></div>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>

			<!-- Slide Item -->
            <div class="slide-item">
                <div class="image-layer" style="background-image: url(images/main-slider/1.jpg);"></div>
                <div class="auto-container">
                    <div class="content-box">
                        <div class="content">
                            <div class="inner">
                                <h1> <br></h1>
                                <div class="text"></div>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>

		</div>
    </section>
    <!--End Banner Section -->
    <section class="offers-section-one">
        <div class="auto-container">
            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2><font style="vertical-align: inherit;"><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">特别优惠</font></font></h2>
                    <div class="lower-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">例外 sint occaecat cupidatat non proident, 在 culpa qui offcia deserunt mollit anim id est labourum 中被禁止。</font><font style="vertical-align: inherit;">Sed ut perspiciatis unde omnis iste natus error sat voluptatem。</font></font></div>
                </div>
                <div class="link-box">
                    <a href="packages.html" class="theme-btn btn-style-one"><span class="btn-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看所有优惠</font></font></span></a>
                </div>
            </div>

            <div class="row clearfix">
                <div class="offers-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="0ms" data-wow-duration="1500ms"><div class="image"><img src="images/resource/of-thumb-1.jpg" alt="" title=""></div><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30% 的</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">折扣</font></font></span></div>
                                <div class="price"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">起价：</font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">50.00 美元</font></font></span></div>
                                <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">团游套餐</font></font></h4>
                                <div class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">例外 sint occaecat cupidatat proi dent in sunt。</font></font></div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div>
                        <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="300ms" data-wow-duration="1500ms"><div class="image"><img src="images/resource/of-thumb-1.jpg" alt="" title=""></div><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30% 的</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">折扣</font></font></span></div>
                                <div class="price"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">起价：</font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">50.00 美元</font></font></span></div>
                                <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">亲子套餐</font></font></h4>
                                <div class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">例外 sint occaecat cupidatat proi dent in sunt。</font></font></div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div>
                        <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="600ms" data-wow-duration="1500ms"><div class="image"><img src="images/resource/of-thumb-1.jpg" alt="" title=""></div><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30% 的</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">折扣</font></font></span></div>
                                <div class="price"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">起价：</font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">50.00 美元</font></font></span></div>
                                <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">优惠折扣</font></font></h4>
                                <div class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">例外 sint occaecat cupidatat proi dent in sunt。</font></font></div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="images-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <span class="dotted-pattern dotted-pattern-4"></span>
                        <div class="images">
                            <div class="image wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="images/resource/featured-image-1.jpg" alt="" title=""></div>
                            <div class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="images/resource/featured-image-2.jpg" alt="" title=""></div>
                            <div class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="images/resource/featured-image-3.jpg" alt="" title=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	
    <!--Rooms Section-->
    <section class="rooms-section-one">
        <div class="outer-container">
            <div class="auto-container">
                <div class="sec-title centered">
                    <h2>当季热玩</h2>
                </div>
            </div>
            <div class="row clearfix">
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                    <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(images/gallery/1.jpg);"></div>
                                <figure class="image"><img src="images/gallery/1.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">价格 <span>$50.00</span></div>
                                    <h5>景区名称</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>景区名称</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">价格 <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">简介</div>
                                    <div class="link-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">购票</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(images/gallery/2.jpg);"></div>
                                <figure class="image"><img src="images/gallery/2.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">价格 <span>$50.00</span></div>
                                    <h5>景区名称</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>景区名称</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">价格 <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">简介</div>
                                    <div class="link-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">购票</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                    <div class="room-block-one height-two wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(images/gallery/3.jpg);"></div>
                                <figure class="image"><img src="images/gallery/3.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">价格 <span>$50.00</span></div>
                                    <h5>景区名称</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>景区名称</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">价格 <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">景区详情</div>
                                    <div class="link-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">购票</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                    <div class="room-block-one height-one wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(images/gallery/4.jpg);"></div>
                                <figure class="image"><img src="images/gallery/4.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">价格 <span>$50.00</span></div>
                                    <h5>景区名称</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>景区名称</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">价格<span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">景区详情.</div>
                                    <div class="link-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">购票</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(images/gallery/5.jpg);"></div>
                                <figure class="image"><img src="images/gallery/5.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">价格 <span>$50.00</span></div>
                                    <h5>景区名称</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>景区名称</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">价格 <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">景区简介</div>
                                    <div class="link-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">购票</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    
    <section class="news-section">
        <div class="pattern-top"></div>
        <div class="auto-container">
            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2>自驾旅游</h2>
                    
                </div>
                <div class="link-box">
                    <a href="long.jsp" class="theme-btn btn-style-one"><span class="btn-title">了解更多</span></a>
                </div>
            </div>
            <div class="row clearfix">
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-1.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>子洲县瓜园则湾乡政府东北2公里处有一块山地，名叫芦草坛，其上有一西峰寺，依山而建。北临乏牛山，西北与柏全山相望。芦草坛虽不雄伟壮观，却也峻峭，人若站于其顶眺望，视野倒也开阔，更因其西峰寺而遐迩闻名。西峰寺坐西北面东南，占地约3亩，一个独院。正殿由三孔拱形洞组成，纯砖结构，顶呈硬山式，用黄色琉璃瓦铺顶，飞檐翘角，兽头独尊，遥遥相望，顶上中有三层小0，独特精致,引人注目。正殿走廊四柱支撑，朱柱彩壁，画栋雕梁，十分生动。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-2.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>淮宁河无定河，陕北最著名的一条河。它从遥远的三边高原西南部的白于山脉奔腾而来，它在陡峭的石壁间、狭窄的河谷里咆哮冲撞，夺路东下，在莽莽的山沟大川上，又有无数的大河小溪从四面八方汇入了它博大的怀抱。淮宁河，就是这无数支流中的一条河流。它发源于子长县石家湾乡高柏山麓的枣树畔村，流经子长、子洲、绥德三县的十个乡镇，近百个村庄，最后从绥德县邓家楼村入无定河，全长85．2公里，流域总面积1222平方公里。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-3.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pattern-top"></div>
        <div class="auto-container">
            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2>周边旅游</h2>
                    
                </div>
                <div class="link-box">
                    <a href="long.jsp" class="theme-btn btn-style-one"><span class="btn-title">了解更多</span></a>
                </div>
            </div>
            <div class="row clearfix">
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-1.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>子洲县瓜园则湾乡政府东北2公里处有一块山地，名叫芦草坛，其上有一西峰寺，依山而建。北临乏牛山，西北与柏全山相望。芦草坛虽不雄伟壮观，却也峻峭，人若站于其顶眺望，视野倒也开阔，更因其西峰寺而遐迩闻名。西峰寺坐西北面东南，占地约3亩，一个独院。正殿由三孔拱形洞组成，纯砖结构，顶呈硬山式，用黄色琉璃瓦铺顶，飞檐翘角，兽头独尊，遥遥相望，顶上中有三层小0，独特精致,引人注目。正殿走廊四柱支撑，朱柱彩壁，画栋雕梁，十分生动。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-2.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>淮宁河无定河，陕北最著名的一条河。它从遥远的三边高原西南部的白于山脉奔腾而来，它在陡峭的石壁间、狭窄的河谷里咆哮冲撞，
                            夺路东下，在莽莽的山沟大川上，又有无数的大河小溪从四面八方汇入了它博大的怀抱。淮宁河，就是这无数支流中的一条河流。它发源于子长县石家湾乡
                            高柏山麓的枣树畔村，流经子长、子洲、绥德三县的十个乡镇，近百个村庄，最后从绥德县邓家楼村入无定河，全长85．2公里，流域总面积1222平方公里。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-3.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pattern-top"></div>
        <div class="auto-container">
            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2>主题攻略</h2>
                    
                </div>
                <div class="link-box">
                    <a href="long.jsp" class="theme-btn btn-style-one"><span class="btn-title">了解更多</span></a>
                </div>
            </div>
            <div class="row clearfix">
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-1.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>子洲县瓜园则湾乡政府东北2公里处有一块山地，名叫芦草坛，其上有一西峰寺，依山而建。北临乏牛山，西北与柏全山相望。芦草坛虽不雄伟壮观，却也峻峭，人若站于其顶眺望，视野倒也开阔，更因其西峰寺而遐迩闻名。西峰寺坐西北面东南，占地约3亩，一个独院。正殿由三孔拱形洞组成，纯砖结构，顶呈硬山式，用黄色琉璃瓦铺顶，飞檐翘角，兽头独尊，遥遥相望，顶上中有三层小0，独特精致,引人注目。正殿走廊四柱支撑，朱柱彩壁，画栋雕梁，十分生动。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-2.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>淮宁河无定河，陕北最著名的一条河。它从遥远的三边高原西南部的白于山脉奔腾而来，它在陡峭的石壁间、狭窄的河谷里咆哮冲撞，夺路东下，在莽莽的山沟大川上，又有无数的大河小溪从四面八方汇入了它博大的怀抱。淮宁河，就是这无数支流中的一条河流。它发源于子长县石家湾乡高柏山麓的枣树畔村，流经子长、子洲、绥德三县的十个乡镇，近百个村庄，最后从绥德县邓家楼村入无定河，全长85．2公里，流域总面积1222平方公里。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
                
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="images/resource/news-image-3.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。</span>
                        </div>
                        <h4><a href="blog-single.html">价格描述</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Footer -->
    <footer class="main-footer">
        <div class="top-pattern-layer-dark"></div>
        
        <!--Widgets Section-->
        <div class="widgets-section">
            <div class="auto-container">
                <div class="row clearfix">
                    
                    <!--Column-->
                    <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                        <div class="footer-widget about-widget">
                            <div class="logo">
                                <a href="#"><img src="images/logo3.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column col-xl-5 col-lg-8 col-md-12 col-sm-12">
                        <div class="footer-widget links-widget">
                            <div class="widget-content">
                                <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="widget-title">
                                            <h4>服务</h4>
                                        </div>
                                        <ul class="links">
                                            <li><a href="#"></a></li>
                                            <li><a href="#">Our Rooms</a></li>
                                            <li><a href="#">Restaurant</a></li>
                                            <li><a href="#">About Hotera</a></li>
                                            <li><a href="#">Contact</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="widget-title">
                                            <h4>接触</h4>
                                        </div>
                                        <ul class="info">
                                            <li class="address">Flat 20, Reynolds Neck, North Helenaville, FV77 8WS</li>
                                            <li class="phone"><a href="tel:+2(305)587-3407">+2(305) 587-3407</a></li>
                                            <li class="email"><a href="mailto:info@hotera.com">info@hotera.com</a></li>
                                            <li class="social-links">
                                                <a href="#"><span class="fab fa-facebook-f"></span></a>
                                                <a href="#"><span class="fab fa-twitter"></span></a>
                                                <a href="#"><span class="fab fa-vimeo-v"></span></a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="column col-xl-4 col-lg-4 col-md-12 col-sm-12">
                        <div class="footer-widget newsletter-widget">
                            <div class="widget-title">
                                <h4>通讯</h4>
                            </div>
                            <div class="text">Eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
                            <!--Newsletter-->
                            <div class="newsletter-form">
                                <form method="post" action="contact.html">
                                    <div class="form-group clearfix">
                                        <input type="email" name="email" value="" placeholder="Email" required>
                                        <button type="submit" class="theme-btn btn-style-one"><span class="btn-title">Send Now</span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        
        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="auto-container">
                <div class="inner clearfix">
                    <div class="copyright">&copy; 2020 Hotera - All Right Reserved</div>
                    <div class="bottom-links">
                        <a href="#">Terms of Service</a> &ensp;|&ensp; <a href="#">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </div>
        
    </footer>
    

</div>
<!--End pagewrapper--><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://www.jq22.com/jquery/jquery-ui-1.11.0.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/scrollbar.js"></script>
<script src="js/appear.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom-script.js"></script>
</body>
</html>